<html>
  <head>
    <meta charset='utf-8'>
    <link rel="stylesheet" type="text/css" href="links/main.css"/>
    <script type="text/javascript" src="scripts/lib/acels.js"></script>
    <script type="text/javascript" src="scripts/lib/theme.js"></script>
    <script type="text/javascript" src="scripts/lib/history.js"></script>
    <script type="text/javascript" src="scripts/lib/source.js"></script>
    <script type="text/javascript" src="scripts/core/library.js"></script>
    <script type="text/javascript" src="scripts/core/io.js"></script>
    <script type="text/javascript" src="scripts/core/operator.js"></script>
    <script type="text/javascript" src="scripts/core/orca.js"></script>
    <script type="text/javascript" src="scripts/core/transpose.js"></script>
    <script type="text/javascript" src="scripts/core/io/cc.js"></script>
    <script type="text/javascript" src="scripts/core/io/midi.js"></script>
    <script type="text/javascript" src="scripts/core/io/mono.js"></script>
    <script type="text/javascript" src="scripts/core/io/osc.js"></script>
    <script type="text/javascript" src="scripts/core/io/udp.js"></script>
    <script type="text/javascript" src="scripts/clock.js"></script>
    <script type="text/javascript" src="scripts/commander.js"></script>
    <script type="text/javascript" src="scripts/cursor.js"></script>
    <script type="text/javascript" src="scripts/client.js"></script>
    <title>Orca</title>
  </head>
  <body>
    <script>
      'use strict'

      const client = new Client()

      client.install(document.body)

      window.addEventListener('load', () => { 
        client.start()
        client.acels.inject('Orca')
      })
    </script>
  </body>
</html>
